﻿.div a {
color: #0f0;
}

#div10 a:hover {
color: #0f0;
-moz-transition-property: color;
-webkit-transition-property: color;
}

#div10 a:hover {
color: #0f0;
-moz-transition-property: color;
-webkit-transition-property: color;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}


#div10 a:hover {
color:#31801f;
-moz-transition-property: color;
-webkit-transition-property: color;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-moz-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
}

#demo img {
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}
#demo img:hover{
	-webkit-transform: scale(.5);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
}

#demo-2 img {
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
#demo-2 img:hover{
opacity: .5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}


#demo-3{position:relative;}
#demo-3 img{
opacity:1
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
#demo-3 .details{
position:absolute;
top:0;
left:0;
opacity: 0;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

#demo-3 .details:hover{
opacity: .9;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}


#demo-4{position:relative;}
#demo-4 img{
position:absolute;
top:0;
left:0;
-webkit-transition: margin-left;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#demo-4:hover img{
margin-left:200px;
}
#demo-4 .details{
position:absolute;
top:0;
left:0;
z-index:-1;
}


#demo-5{position:relative;}
#demo-5 .details{
opacity: .9;
position:absolute;
top:0;
left:0;
margin-left:-200px;
-webkit-transition: margin-left;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}
#demo-5:hover .details{
margin-left:0;
}



#demo-6{
 position:relative;
 }
 #demo-6 img{
 position:absolute;
 top:0;
 left:0;
 z-index:0;
 }
 #demo-6 .details{
 opacity: .9;
 position:absolute;
 top:100;
 left:150;
 z-index:999;
 -webkit-transform: scale(0);
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-duration: 250ms;
 }
 #demo-6:hover .details{
 -webkit-transform: scale(1);
 -webkit-transition-timing-function: ease-out;
 -webkit-transition-duration: 250ms;
 }
 
 
.li 
{
  /*transition: margin-left linear 0.5s;
  margin-left: 100px;*/
}
.li:hover {
  /*margin-left: 0px;
  transition-duration: 0.5s; /* applies to the transition *to* the :hover state */
}



@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}

@-moz-keyframes fadeInTitulo {
0% { opacity: 0; margin-left: 200px;}
100% { opacity: 1; margin-left: 0px; }
}

@-moz-keyframes FadeMargin {
0% { opacity: 0; margin-left: 200px; }
100% { opacity: 1; margin-left: 0px; } 
}

@-moz-keyframes fadeInMenu {
0% { opacity: 0; margin-left: 100px;}
100% { opacity: 1; margin-left: 70px; }
}

@-moz-keyframes fadeInpnEasy {
0% { opacity: 0; margin-left: 100px;}
100% { opacity: 1; margin-left: 0px; }
}

@-moz-keyframes fadeInCamposPA {
0% { opacity: 0; margin-left: 180px;}
100% { opacity: 1; margin-left: 120px; }
}

.fadeIn 
{    
    -moz-animation: fadeIn 0.6s ease-in-out;
}

.FadeMarginLeft
{
    -moz-animation: FadeMargin 0.7s ease-in-out;
}

.FadeMarginLeftTitulo
{
    -moz-animation: fadeInTitulo 1.2s ease-in-out;
}

.FadeMarginLeftMenu
{
    -moz-animation: fadeInMenu 0.5s ease-in-out;
}

.FadeMarginLeftpnEasy
{
    -moz-animation: fadeInpnEasy 0.5s ease-in-out;
}

.FadeMarginLeftCamposPA
{
    -moz-animation: fadeInCamposPA 0.5s ease-in-out;
}

.FadeinModal
{
    -moz-animation: fadeIn 0.3s ease-in-out;
}




